<template>
  <div>
    <van-nav-bar title="预约流程" left-arrow @click="goback" />
    <!-- <van-notice-bar left-icon="volume-o" text="欢迎进入我的预约详情页，项目模块尚待开发中，敬请期待！！！" /> -->
    <br>
    <br>
    <van-steps :active="active" active-icon="success" active-color="#38f">
      <van-step>科室选择</van-step>
      <van-step>线上预约</van-step>
      <van-step>咨询医生</van-step>
      <van-step>预约成功</van-step>
    </van-steps>
    <br><br>
    <van-steps direction="vertical" :active="0">
      <van-step>
        <h3>预约成功，请于2022年10月17日（下周一）  前往我院A1栋6楼2204室就诊</h3>
        <p>2022-10-14 08:30</p>
      </van-step>
      <van-step>
        <h3>病情咨询</h3>‘
        <p>2022-10-13 13:00</p>
      </van-step>
      <van-step>
        <h3>预约申请通过</h3>
        <p>2022-10-13 12:40</p>
      </van-step>
      <van-step>
        <h3>已提交预约申请</h3>
        <p>2022-10-13 09:31</p>
      </van-step>
      <van-step>
        <h3>已选科室：{{keshi}}，预约医生：{{doc}}</h3>
        <p>2022-10-13 09:30</p>
      </van-step>
    </van-steps>
  </div>
  <!-- <span> &nbsp;&nbsp;</span><span class="s1"> * </span><span class="s2">再次预约</span>
  <hr>
  <DOC /> -->
</template>
  
<script setup lang="ts">
// import DOC from '../../components/MyDoctor/HomeDoctor.vue'
import { ref } from 'vue';
import router from '@/router';
import { onUnmounted } from 'vue';
import $bus from "../../config/eventBus";
import store from '@/store';
// 加入页面隐藏Tabbar
$bus.emit("tabBarHide", false);

// 退出页面时显示tabbar
onUnmounted(() => {
  $bus.emit("tabBarHide", true);
})

//返回个人中心
const goback = () => {
  router.push('/user')
  console.log(store.state.confirmDate);
}

// 动态数据 科类  医生名
const keshi = (localStorage.getItem("dep")) ? localStorage.getItem("dep") : '妇科'
const doc = JSON.parse(localStorage.getItem("docname"))._value



// 默认流程下标
const active = ref(3);

</script>
  
<style lang="scss" scoped>
h1 {
  font-size: 38px;
}

h2 {
  font-size: 28px;

}

.s1 {
  color: red;
  font-size: 40px;
}

.s2 {
  color: #acc;
  font-size: 35px;
}
</style>
  